import styled from 'styled-components'

export const DiscoverTabWrapper = styled.div`
	width: 100%;
	height: 35px;
	background-color: #c20c0c;

	.discoverTab {
		width: 1100px;
		height: 100%;
		margin: 0 auto;

		.tabItem {
			margin-left: 120px;
			width: 600px;
			text-align: center;
			display: flex;
			justify-content: space-evenly;
			align-items: center;

			.itemLink {
				font-size: 12px;
				padding: 10px 32px;
				border: 1px solid #000;
				color: #fff;

				&:hover {
					background-color: pink;
				}
			}
			.active {
				background-color: pink;
			}
		}
	}
`
